<?php
//require_once('classTin.php');
//$t = new tin;
?>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="../Scripts/accordion/accordion_jquery.akordeon.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#buttons').akordeon();
            $('#button-less').akordeon({ buttons: false, toggle: true, itemsOrder: [2, 0, 1] });
        });
    </script>
 
    <link href="../Scripts/accordion/accordion_demo.css" rel="stylesheet" type="text/css" />
    <link href="../Scripts/accordion/accordion_jquery.akordeon.css" rel="stylesheet" type="text/css" />

<div id="demo-wrapper">
      <div id="from_label_left"></div>
      <div id="from_label_right"></div>
      <div id="from_label_center"><span id="header">THÊM THÔNG TIN KHÁCH HÀNG</span></div>
  
        <div class="akordeon" id="buttons">
            <div class="akordeon-item expanded">
                <div class="akordeon-item-head">
                    <div class="akordeon-item-head-container">
                        <div class="akordeon-heading">
                            TÌM KIẾM KHÁCH HÀNG THEO TÊN
                        </div>
                    </div>
                </div>
                <div class="akordeon-item-body">
                    <div class="akordeon-item-content">
                        <form id="formtimkiem" name="formtimkiem" method="get" action="">
                        <input name="p" type="hidden" id="p" value="search" />
                          <table id="search" width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td class="search_left">Tên khách hàng</td>
                                <td class="search_center"><input name="tukhoa" id="tukhoa" onFocus="this.value=''" value="Từ khóa tìm kiếm ..." 
							onBlur="if (this.value=='') this.value='Từ khóa tìm kiếm ...'" type="text" class="search_format" /></td>
                                <td><input type="image" name="btntk" id="btntk" src="icon_search_2.png" /></td>
                              </tr>
                          </table>
						</form>
                      <p id="search2">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td class="search_left">Ví dụ</td>
                          <td class="search_center2">Last name First name</td>
                          <td>&nbsp;</td>
                      </tr>
                      <tr>
                          <td class="search_left">&nbsp;</td>
                          <td class="search_center2">Nguyễn Thị A</td>
                          <td>&nbsp;</td>
                      </tr>
                      <tr>
                          <td class="search_left">&nbsp;</td>
                          <td class="search_center2">nguyen thi a</td>
                          <td>&nbsp;</td>
                      </tr>
                      </table>
                      </p>
                    </div>
                </div>
            </div>
            <div class="akordeon-item">
                <div class="akordeon-item-head">
                    <div class="akordeon-item-head-container">
                        <div class="akordeon-heading">
                            TÌM KIẾM KHÁCH HÀNG THEO SỐ ĐIỆN THOẠI
                        </div>
                    </div>
                </div>
                <div class="akordeon-item-body">
                    <div class="akordeon-item-content">
                        <form id="formtimkiem" name="formtimkiem" method="get" action="">
						    <input name="p" type="hidden" id="p" value="search_phone" />
							 
                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td class="search_left">Số điện thoại</td>
                                <td class="search_center"><input name="tukhoa" id="tukhoa" onFocus="this.value=''" value="Số điện thoại tìm kiếm ..." 
							onBlur="if (this.value=='') this.value='Số điện thoại tìm kiếm ...'" type="text" class="search_format" /></td>
                                <td><input type="image" name="btntk" id="btntk" src="icon_search_2.png" /></td>
                              </tr>
                          </table>
						</form>
                    <p id="search2">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td class="search_left">Ví dụ</td>
                          <td class="search_center2">Full phone</td>
                          <td>&nbsp;</td>
                      </tr>
                      <tr>
                          <td class="search_left">&nbsp;</td>
                          <td class="search_center2">0984890768</td>
                          <td>&nbsp;</td>
                      </tr>
                      <tr>
                          <td class="search_left">&nbsp;</td>
                          <td class="search_center2">098</td>
                          <td>&nbsp;</td>
                      </tr>
                      </table>
                      </p>
                    </div>
                </div>
            </div>
            <div class="akordeon-item">
                <div class="akordeon-item-head">
                    <div class="akordeon-item-head-container">
                        <div class="akordeon-heading">
                            TÌM KIẾM NÂNG CAO
                        </div>
                    </div>
                </div>
                <div class="akordeon-item-body">
                    <div class="akordeon-item-content">
                        <p>
                            Nullam congue erat id felis tristique tincidunt. In tincidunt mi sit amet sapien
                            ornare facilisis. Suspendisse lacus elit, consequat non rutrum vel, vestibulum quis
                            libero. In elementum laoreet eros, faucibus rhoncus felis tempor eget. Maecenas
                            urna arcu, adipiscing vitae tempus id, gravida eu odio. Donec vestibulum feugiat
                            commodo. Duis quis ante massa.</p>
                        <p>
                            Nullam molestie, ligula quis tincidunt tincidunt, eros ipsum scelerisque lorem,
                            commodo fermentum tellus ligula sit amet sem. Phasellus quis nunc id velit egestas
                            malesuada nec eu nunc. Fusce nec metus vitae metus mattis volutpat.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
